<template>
    <div class="item">
        <van-grid>
            <van-grid-item icon="like" text="随心听" @click="showPopup" />
            <van-grid-item icon="music" text="分类节目" />
            <!-- sth to do new徽标！！！还有字体大小~~~ -->
            <van-grid-item icon="smile-comment" text="心理咨询" />
            <van-grid-item icon="live" text="主播电台" />
        </van-grid>
    </div>
</template>

<script setup lang="ts">
import useCommonStore  from '../../store/common';

const store = useCommonStore()

function showPopup(){
    // 随机0-5的数字下标
    let index:any = Math.floor(Math.random()*6)
    store.rid = index
    store.isShow = true
}

</script>

<style lang="less">
@import '../../styles/common.less';
.item {
    .van-grid-item{
        color: @t01;
        .van-grid-item__content {
            padding-bottom: 0;
        }
    }
}
</style>